<div style="padding: 50px;margin: auto">
    <div style="margin:20px 0;">
        <button id="article_index_add" class="layui-btn">添加</button>
    </div>
    <table id="article_index_table" class="layui-table" style="margin: auto" lay-filter="article_index_table"></table>
    <div id="article_index_laypage" style="margin: auto;text-align: center;"></div>
</div>

<script type="text/html" id="article_index_toolbar">
    <a class="layui-btn layui-btn-sm" lay-event="article_index_info">查看</a>
    <a class="layui-btn layui-btn-sm" lay-event="article_index_update">修改</a>
    <a class="layui-btn layui-btn-sm" lay-event="article_index_release">发布</a>
    <a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="article_index_delete">删除</a>
</script>

<script type="text/html" id="article_index_titleTpl">
    {{# layui.each(d.tags, function(index, item){ }}
        <span class="layui-badge layui-bg-orange">{{item.name}}</span>
    {{#  }); }}
</script>

<script th:src="@{/static/js/article.js}"></script>
<script type="text/javascript">
    $(function () {
        layui.use(['table','laypage','laydate','layer'], function() {
            article_index_js.layer = layui.layer;
            article_index_js.table = layui.table;
            article_index_js.laydate = layui.laydate;
            article_index_js.laypage = layui.laypage;
            article_index_js.btn_init();
            article_index_js.page_init(article_index_js.pno, article_index_js.psize);
        });
    });
</script>